<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title> 出入记录 </title>
</head>

<body>

    <h1>身份记录</h1>
    <h3> 请详细写清信息 </h3>
    <!-- table: 表格   tr:行    td：列  -->
    <table border="1" style="border-collapse: collapse">
        <tr>
            <td>   </td>
            <td> 信息</td>
            <td> 说明 </td>
        </tr>

        <tr>
            <td>姓名：</td>
            <td> <input type="text" value=""> </td>
            <td>填写真实姓名</td>
        </tr>

        <tr>
            <td>身份证号</td>
            <td><input type="password"></td>
            <td>身份证号（不显示明文 - 掩码）</td>
        </tr>

        <tr>
            <td>出入目的</td>
            <td>
                购买生活用品<input type="checkbox" checked="checked">
                串门<input type="checkbox">
                其他<input type="checkbox" >
            </td>
            <td>复选框（多选）</td>
        </tr>

        <tr>
            <td>性别：</td>
            <td>
                 <!-- 单选按钮组必须用相同的名称命名 -->
                男：<input type="radio" name="sex" checked="checked">
                女：<input type="radio" name="sex">
                非：<input type="radio" name="sex">
            </td>
            <td>单选按钮</td>
        </tr>

        <tr>
            <td>出生地</td>
            <td>
                <select>
                    <option selected="selected"> 本地</option>
                    <option> 外地 </option>
                    <option > 暂住 </option>
                </select>
            </td>
            <td>下拉列表（列表项）</td>
        </tr>

        <tr>
            <td>微信</td>
            <td><a href="https://wx.qq.com/">微信超链接</a></td>
            <td>超链</td>
        </tr>

        <tr>
            <td>电话号码</td>
            <td><input type="tel" value="11位电话号码"></td>
            <td></td>
        </tr>
         <tr>
            <td>出入日期</td>
            <td><label for="meeting"></label><input id="meeting" type="date" value="2020-06-18"/>
</td>
            <td>XXXX.XX.XX格式</td>e
        </tr>


        <tr>
            <td>备注：</td>
            <td><textarea>在此写备注：</textarea></td>
            <td>文本域</td>
        </tr>
    </table>

</body>
</html>